<?php
require_once('../autenticar/checkActiveSessionAdmin.php');
require_once('header.php');
?>


<div class="tituloIconoPaginas">
    <img src="img/boton-icono/icono-curso.png" class="iconoTitulo"/>
    <span>REGISTRAR CURSOS</span>
</div>

<div class="contenedor">
    <form id="agregarcurso" name="agregarcurso" action="backend/agregar_curso.php" method="post" enctype="multipart/form-data">
        <div class="registroFormulario">
            <div class="camposForm">
                <span class="letrasForm" >Nombre del curso *</span>
                <input class="input-1"  type="text" name="nombre" id="nombre"/>
            </div>
            <!--<div class="camposForm">
                <span class="letrasForm">Fecha</span>
                <input class="input-2" type="text" name="f_inicio" id="f_inicio"/>
                <input class="input-2" type="text" name="f_fin" id="f_fin"/>
                <span class="subletrasForm">Fecha inicio *</span>
                <span class="subletrasForm">Fecha fin *</span>
            </div>-->
            <div class="camposForm">
                <span class="letrasForm">Duración horas</span>
                <input class="input-2" type="text" name="hora_inicio" id="hora_inicio"/>
                <input class="input-2" type="text" name="hora_fin" id="hora_fin"/>
                <span class="subletrasForm">Hora inicio *</span>
                <span class="subletrasForm">Hora fin *</span>
            </div>
            
	<div class="modulos">

       </div>
	    
            <div class="camposForm">
                <span class="letrasForm">Dirección *</span>
                <input class="input-1" type="text" name="direccion" id="direccion" value="Goldsmith #40, Col. Polanco, Del. Miguel Hidalgo, Ciudad de México, D.F."/>
                <input class="input-2" style="margin-top:2%;" type="text" name="latitud" value="19.431007" />
                <input class="input-2" style="margin-top:2%;" type="text" name="longitud" value="-99.200961" />
                <span class="subletrasForm">Latitud</span>
                <span class="subletrasForm">Longitud</span>
            </div>
            <!--<div class="camposForm">
                <span class="letrasForm">Horario *</span>
                <input class="input-1" type="text" name="horario" id="horario"/>
            </div>-->
            <div class="camposForm">
                <span class="letrasForm">Descripción del curso *</span>
                <textarea class="input-3"name="descripcion" cols="50" rows="5" id="descripcion"></textarea>
            </div>
	    <div class="camposForm">
                <span class="letrasForm">Aprendizaje</span>
                <textarea class="input-3"name="aprendizaje" cols="50" rows="3" id="aprendizaje"></textarea>
            </div>
	    <div class="camposForm">
                <span class="letrasForm">Requisitos</span>
                <textarea class="input-3"name="requisitos" cols="50" rows="3" id="requisitos"></textarea>
            </div>
	    <div class="camposForm">
                <span class="letrasForm">Preparación</span>
                <textarea class="input-3"name="preparacion" cols="50" rows="3" id="preparacion"></textarea>
            </div>
	    <div class="camposForm">
                <span class="letrasForm2">Imagen del instructor:</span><span class="letrasForm3"> (60 X 60) pixeles, formato .PNG</span>
                <input type="file" name="foto_instructor" id="foto_instructor" size="35"/>
            </div>
	    <div class="camposForm">
                <span class="letrasForm">Nombre</span>
                <input class="input-1" type="text" name="nombre_instructor" id="nombre_instructor"/>
            </div>
	    <div class="camposForm">
                <span class="letrasForm">Puesto</span>
                <input class="input-1" type="text" name="puesto_instructor" id="puesto_instructor"/>
            </div>
	    <div class="camposForm">
                <span class="letrasForm">Bio</span>
                <input class="input-1" type="text" name="bio_instructor" id="bio_instructor"/>
            </div>
            <!--<div class="camposForm">
                <span class="letrasForm">Duración en días *</span>
                <input class="input-1" type="text" name="duracion_dias" id="duracion_dias"/>
            </div>-->
            <div class="camposForm">
                <span class="letrasForm2">Imagen del curso:</span><span class="letrasForm3" style="margin-left: -32px;"> (250 X 80) pixeles, formato .PNG</span>
                <input type="file" name="foto" id="foto" size="35"/>
            </div>
            <div class="camposForm">
                <span class="letrasForm">Costo</span>
                <input class="input-1" type="text" name="costo" />
            </div>
            <div class="camposForm">
                <span class="letrasForm">URL de PayPal *</span>
                <input class="input-1" type="text" name="paypal_url" id="paypal_url"/>
            </div>
            <div class="buttonForm">
                <img  id="enviar-curso"  src="img/cursos-eventos-membresias/boton-registrar.png" class="buttonFormDerecho"/>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript">
function nuevoModulo()
{

$html ='<div class="camposForm" id="mod_0">';
$html+='<span class="letrasForm2">Módulo</span><span class="letrasForm2">Día</span><span class="letrasForm2">Hora</span>';
$html+='<input class="input-6" type="text" name="modulo[]" id="modulo"/>';
$html+='<input class="input-6" type="date" value="<?=date('Y-m-d'); ?>" name="dia[]" id="dia"/>';
$html+='<input class="input-6" type="time" value="<?=date('H:i'); ?>" name="hora[]" id="hora"/>';
$html+='<a href="javascript:nuevoModulo();"><img src="img/acceso-thepool/Mas_boton.png" style="position: absolute; margin-top: -0.3%; margin-left: 0.5%;" /></a>';
$html+='</div>';

$(".modulos").append($html);
}
/*
    function nuevoModulo(id){
	for (i=0; i<=id; i++)
	{
	    $("#mod_"+i).fadeIn(800); 
	}
    }
    */
$(document).ready(function(){
    

	nuevoModulo();

    $('#enviar-curso').click(function(){
    
    var $file = false;
    
    $('#agregarcurso input[type="file"]').each(function(){ 
    	
    
              var file = $(this).val();
	      var exts = ['png'];
	      // first check if file field has any value
	      if ( file ) {
	        // split file name at dot
	        var get_ext = file.split('.');
	        // reverse name to check extension
	        get_ext = get_ext.reverse();
	        // check file type is valid as given in 'exts' array
	        if ( $.inArray ( get_ext[0].toLowerCase(), exts ) > -1 ){

	        } else {
	          $file = true;
	          alert( 'Formato Invalido. Solo se admiten PNG' );
	          return;
	        }
	      }else
	      $file = true;
      
	
    });
    
    
    
    
		var n = $('#agregarcurso #nombre').val();
		var fi = $('#agregarcurso #f_inicio').val();
                var ff = $('#agregarcurso #f_fin').val();
                var hi = $('#agregarcurso #hora_inicio').val();
                var hf = $('#agregarcurso #hora_fin').val();
                var di = $('#agregarcurso #direccion').val();
                var h = $('#agregarcurso #horario').val();
                var de = $('#agregarcurso #descripcion').val();
                var du = $('#agregarcurso #duracion_dias').val();
                var p = $('#agregarcurso #paypal_url').val();
                
		if( ($file || n == '' || fi == '' || ff == '' || hi == '' || hf == '' || di == '' || h == '' || de == '' || du == '' || p == '') ){
			alert('Por favor llene todos sus datos e intente nuevamente!');
			return;
		}else{
                    $('#agregarcurso').submit();
                }
	});
});
</script>

<?php
require_once('footer.php');
?>